<template>
  <!-- 路由传值：
        类似接口get请求
        传：
           router-link:  to="/xxx?参数名=值&参数2=值"
           js跳转：this.$router.push('/xxx?参数名=值&参数2=值')
        收
           this.$route.query.参数名
           this.$route.query.参数2
 -->
  <div>
    <ul>
      <li v-for="item in list" :key="item.id" @click="toInfo(item.id)">
        <!-- <router-link :to="`/info?id=${item.id}`"> {{ item.title }}</router-link> -->
        {{ item.title }}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {
      list: [
        {
          title: '新闻aaaaaaaaa',
          id: '1'
        },
        {
          title: '新闻bbbbbb',
          id: '2'
        }
      ]
    }
  },
  methods: {
    toInfo (id) {
      this.$router.push('/info?id=' + id)
    }
  }
}
</script>
<style></style>
